// 写一个Layui上传图片
// 预加载
$(document).ready(function () {
    layui.use(['form'], function(){
        var form = layui.form;

    });
});
// 监听图片上传按钮
layui.use(['upload', 'element', 'layer'], function(){
    var upload = layui.upload
        ,element = layui.element
        ,layer = layui.layer;
    console.log($('#tweTitle').val());
    //常规使用 - 普通图片上传
    var uploadInst = upload.render({
        elem: '#test1'
        ,url: '/uploadImg' //改成您自己的上传接口
        ,method: "POST"
        ,before: function(obj){
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                $('#demo1').attr('src', result); //图片链接（base64）
            });

            element.progress('demo', '0%'); //进度条复位
            layer.msg('上传中', {icon: 16, time: 0});
        }
        ,done: function(res){
            //如果上传失败
            if(res.code > 0){
                return layer.msg('上传失败');
            }
            //上传成功的一些操作
            //……
            $('#demoText').html(''); //置空上传失败的状态
            addIssue();
        }
        ,error: function(){
            //演示失败状态，并实现重传
            var demoText = $('#demoText');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function(){
                uploadInst.upload();
            });
        }
        //进度条
        ,progress: function(n, index, e){
            element.progress('demo', n + '%'); //可配合 layui 进度条元素使用
            if(n == 100){
                layer.msg('上传完毕', {icon: 1});
            }
        }
    });
})

// 写一个添加的函数
function addIssue() {
    $.ajax({
        type: "post",
        url: "/saveTweet",
        dataType: "json",
        traditional: true,
        contentType : 'application/json;charset=utf-8',
        data:
            JSON.stringify({
                tweTitle: $('#tweTitle').val(),
                tweAbstract: $('#tweAbstract').val(),
                tweContent: $('#tweContent').val()
            }),
        success: function(res) {
            console.log("添加成功");
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('添加成功');
                $('#tweTitle').val(''),
                    $('#tweTitle').val(''),
                    $('#tweTitle').val('')
            })
        }
    })
}
